/* This is just an example.  You shouldn't do this. */
#moodmill-hello
{
  color: red ! important;
}

#moodmill-moodbar {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll 0px 0px;
width: 150px;
height: 15px;
/* float: left; */
/* z-index:1; */
margin: 0px;
padding:0px;
}

#moodmill-moodbar-1 {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll 0px 0px;
width: 30px;
height: 15px;
margin: 0px;
padding:0px;
}

#moodmill-moodbar-2 {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll -30px 0px;
width: 30px;
height: 15px;
margin: 0px;
padding:0px;
}

#moodmill-moodbar-3 {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll -60px 0px;
width: 30px;
height: 15px;
margin: 0px;
padding:0px;
}

#moodmill-moodbar-4 {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll -90px 0px;
width: 30px;
height: 15px;
margin: 0px;
padding:0px;
}

#moodmill-moodbar-5 {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll -120px 0px;
width: 30px;
height: 15px;
margin: 0px;
padding:0px;
}

#moodmill-moodbar-container {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll 0px 0px;
width: 151px;
height: 15px;
cursor: pointer;
}

#moodmill-moodbar-coverup {
background:transparent url(chrome://moodmill/skin/mood_rating.jpg) no-repeat scroll 0px 0px;
width: 151px;
height: 15px;
z-index: 99;
float: left;
}

#moodmill-error-image {
display: none;
}